<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="小兔鲜儿官网，致力于打造全球最大的食品、生鲜电商购物平台。">
    <meta name="keywords" content="小兔鲜儿,食品,生鲜,服装,家电,电商,购物">
    <link rel="shortcut icon" href="img/favicon.ico" >
    <link rel="stylesheet" href="CSS.css">
    <link rel="stylesheet" href="base.css">
    <script src="JS.js"></script>
    <title>小兔鲜儿-新鲜、惠民、快捷！</title>

</head>
<body>
<!--start 开头 开始-->
<div class="start">
<!--start 开头 开始-->
    <div class="w startContent">
<!-- w 版心       startContent  开始内容-->
        <ul class="startContentUl">
            <!-- w 版心       startContentUl  开始内容ul-->

            <a class="startContentA" href="#"><li class="startContentLi">
<!--       startContentA     开始内容的A     startContentLi  开始内容的li -->
                注册账号 &nbsp;&nbsp;|
            </li></a>
            <a class="startContentA" href="#"><li class="startContentLi">
                <!--       startContentA     开始内容的A     startContentLi  开始内容的li -->
                精品推荐 &nbsp;&nbsp;|
            </li></a>
            <a class="startContentA" href="#"><li class="startContentLi">
                <!--       startContentA     开始内容的A     startContentLi  开始内容的li -->
                中秋佳节 &nbsp;&nbsp;|
            </li></a>
            <a class="startContentA" href="#"><li class="startContentLi">
                <!--       startContentA     开始内容的A     startContentLi  开始内容的li -->
                赏月·中秋 &nbsp;&nbsp;|
            </li></a>
            <a class="startContentA" href="#"><li class="startContentLi">
                <!--       startContentA     开始内容的A     startContentLi  开始内容的li -->
                请先登录  &nbsp;&nbsp;|
            </li></a>
            <a class="startContentA" href="#" id="EWM"><li class="startContentLi">
                <span>📱 <img src="" alt=""></span>
                <!--       startContentA     开始内容的A     startContentLi  开始内容的li -->
                手机扫码
            </li></a>
        </ul>
        <div id="TpEWM">
            <img src="img/EWM.png" alt="">
        </div>
    </div>

</div>

<!-- logo 图片！-->
<div class="logoBox">
<!--    logo 盒子！-->
<div class="w logoBox1">
    <div class="logo">
        <img src="img/logo.png" alt="">
    </div>

        <ul class="logoUl">
            <li><a href="#">首页</a></li>
            <li><a href="#">官网</a></li>
            <li><a href="#">客服</a></li>
            <li><a href="#">反馈</a></li>
            <li><a href="#">举报</a></li>
            <li><a href="#">购物</a></li>
            <form action="#">
                <button ></button>
                <input type="text" placeholder="搜索一下">
            </form>
            <a href="#"><div class="shoppingCart">
                <!--   shoppingCart 购物车             -->
                <div class="quantity">
                    <!--               quantity     物品数量-->
                    2
                </div>
            </div></a>
        </ul>



</div>
</div>
<!--  HomepageAds 主页 大屏 广告-->
<div class="HomepageAds">
<div class="w AdImage">
<!--    AdImage 广告图片-->
    <div class="Sidebar">
        <!--        Sidebar 侧栏-->
        <ol>
            <li><a href="#"><b>美食</b> 水果  蔬菜 <span> > </span></a> </li>
            <li><a href="#"><b>美食</b> 水果  蔬菜 <span> > </span></a> </li>
            <li><a href="#"><b>电脑</b> 手机  平板 <span> > </span></a> </li>
            <li><a href="#"><b>美食</b> 水果  蔬菜 <span> > </span></a> </li>
            <li><a href="#"><b>美食</b> 水果  蔬菜 <span> > </span></a> </li>
            <li><a href="#"><b>服装</b> 男装  女装 <span> > </span></a> </li>
            <li><a href="#"><b>美食</b> 水果  蔬菜 <span> > </span></a> </li>
            <li><a href="#"><b>美食</b> 水果  蔬菜 <span> > </span></a> </li>
            <li><a href="#"><b>美食</b> 水果  蔬菜 <span> > </span></a> </li>
            <li><a href="#"><b>美食</b> 水果  蔬菜 <span> > </span></a> </li>
        </ol>
    </div>
    <a href="#"><div class="leftBox"><</div></a>
    <a href="#"><div class="rightBox">></div></a>
    <img src="img/ZYGG.png" alt="">
<!--    图片-->

</div>

</div>
<!--    main 主体内容-->
<div class="main">
<!--    main 主体内容-->
<div class="w title">
<!--   title 标题栏 -->
    <div class="Headline">
<!--        Headline  大标题-->
        新鲜好物
    </div>
    <div class="subtitle">
<!--        subtitle 小标题-->
        品质靠谱 品质靠谱2
    </div>

    <a href="#">
        <div class="seeMore">
            <!--        seeMore 查看更多-->
            查看更多>
        </div>

    </a>
</div>
    <div class="w main1">
        <div class="main1Box1">
        <div class="main1Box"><img src="img/BX.jpg" alt=""></div>
        <div class="txt">
            <span>嵌入式冰箱</span>
            <b>￥1999</b>
        </div>
        </div>

        <div class="main1Box1">
        <div class="main1Box"><img src="img/CF.jpg" alt=""></div>
        <div class="txt">
            <span>紫砂锅</span>
            <b>￥299</b>
        </div>
        </div>

        <div class="main1Box1">
            <div class="main1Box"><img src="img/SB.jpg" alt=""></div>
            <div class="txt">
                <span>劳力士手表</span>
                <b>￥58666</b>
            </div>
        </div>

        <div class="main1Box1">
            <div class="main1Box"><img src="img/NZ.jpg" alt=""></div>
            <div class="txt">
                <span>时尚男装</span>
                <b>￥166</b>
            </div>
        </div>

        </div>

    <div class="w title">
        <!--   title 标题栏 -->
        <div class="Headline">
            <!--        Headline  大标题-->
            生鲜
        </div>
        <div class="subtitle">
            <!--        subtitle 小标题-->
        </div>
<div class="subtitleOL">
        <ol>
            <li><a href="#">水果</a></li>
            <li><a href="#">蔬菜</a></li>
            <li><a href="#">海鲜</a></li>
            <li><a href="#">进口</a></li>
            <li><a href="#">牛奶</a></li>
            <li><a href="#">滋补</a></li>


        </ol>
</div>
        <a href="#">
            <div class="seeMore">
                <!--        seeMore 查看更多-->
                查看更多>
            </div>

        </a>
    </div>
<!---------------------------------------------------------------------->
    <div class="w main1">
        <div class="main1Box2">
            <div class="main2Box"><img src="img/MT.png" alt=""></div>

        </div>

        <a href="#"><div class="main1Box3">
            <div class="main3Box"><img src="img/nyg%20(1).jpg" alt=""></div>
            <div class="txt1">
                <span>牛油果好吃不上火</span>
                <b>￥39</b>
            </div>
        </div>
        </a>
        <a href="#"><div class="main1Box3">
            <div class="main3Box"><img src="img/y.jpg" alt=""></div>
            <div class="txt1">
                <span>南海，海鱼</span>
                <b>￥69</b>
            </div>
        </div>
        </a>

        <a href="#"><div class="main1Box3">
            <div class="main3Box"><img src="img/hs.jpg" alt=""></div>
            <div class="txt1">
                <span>进口海参</span>
                <b>￥1289</b>
            </div>
        </div>
        </a>

        <a href="#"><div class="main1Box3">
            <div class="main3Box"><img src="img/hlg.jpg" alt=""></div>
            <div class="txt1">
                <span>湖南火龙果</span>
                <b>￥26</b>
            </div>
        </div>
        </a>

<!--        -------------------->

        <a href="#"><div class="main1Box3">
            <div class="main3Box"><img src="img/x.jpg" alt=""></div>
            <div class="txt1">
                <span>爆炒小龙虾</span>
                <b>￥89</b>
            </div>
        </div>
        </a>
        <a href="#"><div class="main1Box3">
            <div class="main3Box"><img src="img/ss.jpg" alt=""></div>
            <div class="txt1">
                <span>日本寿司</span>
                <b>￥42</b>
            </div>
        </div>
        </a>
        <a href="#"><div class="main1Box3">
            <div class="main3Box"><img src="img/jz.jpg" alt=""></div>
            <div class="txt1">
                <span>砂糖橘</span>
                <b>￥18</b>
            </div>
        </div>
        </a>
        <a href="#"><div class="main1Box3">
            <div class="main3Box"><img src="img/syp.jpg" alt=""></div>
            <div class="txt1">
                <span>深海生鱼片</span>
                <b>￥75</b>
            </div>
        </div>
        </a>
    </div>
</div>
<!-- ---------------------------------------------- -->
<div class="w title">
    <!--   title 标题栏 -->
    <div class="Headline">
        <!--        Headline  大标题-->
        最新专栏
    </div>
    <div class="subtitle">
        <!--        subtitle 小标题-->
    </div>

    <a href="#">
        <div class="seeMore">
            <!--        seeMore 查看更多-->
            查看更多>
        </div>

    </a>
</div>
<!--    Tail 尾巴-->
<div class="Tail">
<!--    Tail 尾巴-->

    <div class="w main3">
        <div class="Box3">
            <div class="picture">
<!--                picture 图片-->
                <img src="img/ps1.jpg" alt="">
            </div>
            <div class="Comment">
<!--                Comment 评论-->
                <a href="#">
                    <div class="left"></div>

                </a>
                <div>1245</div>

                <a href="#">
                    <div class="left1"></div>

                </a>
                <div>42145</div>

                <a href="#">
                    <div class="right"></div>

                </a>
                <div>1435</div>


            </div>

        </div>
        <div class="Box3">
            <div class="picture">
<!--                picture 图片-->
                <img src="img/ps2.jpg" alt="">
            </div>
            <div class="Comment">
                <!--                Comment 评论-->
                <a href="#"><div class="left"></div></a>
                <div>145</div>

                <a href="#"><div class="left1"></div></a>
                <div>642</div>

                <a href="#"><div class="right"></div></a>
                <div>23</div>

            </div>
        </div>
        <div class="Box3">
            <div class="picture">
<!--                picture 图片-->
                <img src="img/xc.jpg" alt="">
            </div>
            <div class="Comment">
                <!--                Comment 评论-->
                <a href="#"> <div class="left"></div></a>
                <div>45</div>
                <a href="#"><div class="left1"></div></a>
                <div>116</div>
                <a href="#"><div class="right"></div></a>
                <div>4</div>
            </div>

        </div>
    </div>
</div>

<div class="Tail1">
    <div class="w title2">
        <div>
        <b>下载APP</b>
            <div class="t1"></div>
            <div class="t2"></div>
            <br>
            公众号 微博
        </div>
        <div>
            <b>下载APP</b>
            <div class="t1"></div>
            <div class="t2"></div>
            <br>
            公众号 微博
        </div>
        <div>
            <b>下载APP</b>

            <div class="t1">
                <img src="img/EWM.png" alt="">
            </div>

            <div class="t21">
                扫描二维码
                立马下载APP
                <a href="#">
                    <ol>
                        <li> 下载页面</li>
                    </ol>
                </a>

            </div>
        </div>

    </div>

</div>

<div class="Tail3">
 <div class="w Tail4">
    <div class="wb" id="wb1"></div>
     <div class="wbTxt">
         物流快捷
     </div>
     <div class="wb"  id="wb2"></div>
     <div class="wbTxt">
         赞赏有加
     </div>
     <div class="wb"  id="wb3"></div>
     <div class="wbTxt">
         安全送达
     </div>
 </div>
    <div class="w Tail4">
        <hr>
        <div class="div1">
            <ol>
                <li><a href="#">关于我们&nbsp; |&nbsp;</a></li>
                <li><a href="#">帮助中心 &nbsp;|&nbsp;</a></li>
                <li><a href="#">售后服务 &nbsp;|&nbsp;</a></li>
                <li><a href="#">配送与验收&nbsp;|&nbsp; </a></li>
                <li><a href="#">商务合作 &nbsp;|&nbsp;</a></li>
                <li><a href="#">搜索推荐 &nbsp;|&nbsp;</a></li>
                <li><a href="#">友情链接&nbsp;</a></li>
            </ol>
            <br>
            <p>CopyRight @ 小兔鲜儿</p>

        </div>

    </div>
</div>
</body>
</html>